

<!DOCTYPE html>
<html style="padding-bottom: 54px;">

<head>
    <meta charset="utf-8"></meta>
    <meta content="width=device-width, initial-scale=1" name="viewport"></meta>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"></meta>
    <meta content="webkit" name="renderer"></meta>
    <title>


    </title>
    <!--<meta content="三种常见轮播（左右，上下，渐变）" name="description"></meta>-->
    <!--<meta content="幻灯片，轮播图，上下轮播，左右轮播，jquery,jquery插件" name="keywords"></meta>-->
    <link href="http://www.jq22.com/favicon.ico" rel="Shortcut icon"></link>
    <link media="all" rel="stylesheet" href="css/demo.css"></link>
    <!--

    [if IE]>

             <style type="text/css">
                li.…

    -->
    <script async="" type="text/javascript" src="http://pagead2.googlesyndication.com/pub-config/ca-pub-2935286260943234.js"></script>
    <script src="//hm.baidu.com/hm.js?b3a3fc356d0af38b811a0ef8d50716b8"></script>
    <script type="text/javascript">

        var txt = "http://www.jq22.com/demo/jquer…

    </script>
    <script charset="gbk" src="js/pace.min.js"></script>
    <link rel="stylesheet" href="css/pace-theme-barber-shop.css"></link>
    <script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>
    <script src="js/jquery.qrcode.min.js"></script>
    <script type="text/javascript">

        var theme_list_open = false; $(…

    </script>
    <script type="text/javascript">

        function Responsive($a) { if …

    </script>
</head>
<body id="by" class=" pace-done" style="overflow-y: hidden">
<div class="pace pace-inactive"></div>
<div id="switcher">
    <div class="center">
        <ul></ul>
    </div>
</div>
<div id="iframe-wrap">
    <iframe id="iframe" width="100%" height="215px" frameborder="0" src="http://www.jq22.com/demo/jquery-lbt20150922">
        #document
        <!--<!DOCTYPE html>-->
        <!--<html>-->

        <!--<head>-->
            <!--<title>-->

                <!--3种常用网站图片轮播切换代码-->

            <!--</title>-->
            <!--<meta charset="utf-8"></meta>-->
            <!--<link href="css/style.css" rel="stylesheet"></link>-->
            <!--&lt;!&ndash;-->
    <!-- -->
            <!--Luara样式文件-->
    <!-- -->
            <!--&ndash;&gt;-->
            <!--&lt;!&ndash;-->
    <!-- -->
            <!--渐隐样式-->
    <!-- -->
            <!--&ndash;&gt;-->
            <!--<link href="css/luara.css" rel="stylesheet"></link>-->
            <!--&lt;!&ndash;-->
    <!-- -->
            <!--左滑样式-->
    <!-- -->
            <!--&ndash;&gt;-->
            <!--<link href="css/luara.left.css" rel="stylesheet"></link>-->
            <!--&lt;!&ndash;-->
    <!-- -->
            <!--上滑样式-->
    <!-- -->
            <!--&ndash;&gt;-->
            <!--<link href="css/luara.top.css" rel="stylesheet"></link>-->
        <!--</head>-->
        <!--<body>-->
        <script src="js/jquery-1.8.3.min.js"></script>
        <!--

        Luara js文件

        -->
        <script src="js/jquery.luara.0.0.1.min.js"></script>
        <h5>

            渐隐

        </h5>
        <hr></hr>
        <!--

        Luara图片切换骨架begin

        -->
        <div class="example luara-" style="width: 500px; height: 334px;">

            <ul style="width: 500px; height: 334px;">
                <li style="width: 500px; height: 334px; display: none;">
                    <img alt="1" src="images/1.jpg"></img>
                </li>
                <li style="width: 500px; height: 334px; display: list-item;">
                    <img alt="2" src="images/2.jpg"></img>
                </li>
                <li style="width: 500px; height: 334px; display: none;">
                    <img alt="3" src="images/3.jpg"></img>
                </li>
                <li style="width: 500px; height: 334px; display: none;">
                    <img alt="4" src="images/4.jpg"></img>
                </li>
            </ul>
            <!--<ol>-->
                <!--<li class=""></li>-->

                <!--<li class="seleted"></li>-->

                <!--<li class=""></li>-->

                <!--<li class=""></li>-->

            <!--</ol>-->

        </div>
        <!--

        Luara图片切换骨架end

        -->

        <!--<script>-->

            <!--$(function(){ &lt;!&ndash;调用Luara示例&ndash;&gt; …-->

        <!--</script>-->

        <!--<h5>-->

            <!--上滑-->

        <!--</h5>-->

        <!--<hr></hr>-->

        <!--&lt;!&ndash;-->

        <!--Luara图片切换骨架begin-->

        <!--&ndash;&gt;-->

        <!--<div class="example1 luara-top" style="width: 500px; height: 334px;">-->

            <!--<ul style="width: 500px; height: 334px; top: -668px;">-->
                <!--<li style="width: 500px; height: 334px;">-->
                    <!--<img alt="1" src="images/1.jpg"></img>-->
                <!--</li>-->
                <!--<li style="width: 500px; height: 334px;">-->
                    <!--<img alt="2" src="images/2.jpg"></img>-->
                <!--</li>-->
                <!--<li style="width: 500px; height: 334px;">-->
                    <!--<img alt="3" src="images/3.jpg"></img>-->
                <!--</li>-->
                <!--<li style="width: 500px; height: 334px;">-->
                    <!--<img alt="4" src="images/4.jpg"></img>-->
                <!--</li>-->
            <!--</ul>-->
            <!--<ol>-->
                <!--<li class=""></li>-->

                <!--<li class=""></li>-->

                <!--<li class="seleted"></li>-->

                <!--<li class=""></li>-->

            <!--</ol>-->

        <!--</div>-->
        <!--

        Luara图片切换骨架end

        -->

        <!--<script>-->

            <!--$(function(){ &lt;!&ndash;调用Luara示例&ndash;&gt;-->

        <!--</script>-->

        <!--<h5>-->

            <!--左滑-->

        <!--</h5>-->

        <!--<hr></hr>-->

        <!--&lt;!&ndash;-->

        <!--Luara图片切换骨架begin-->

        <!--&ndash;&gt;-->

        <!--<div class="example2 luara-left" style="width: 500px; height: 334px;"></div>-->

        <!--&lt;!&ndash;-->

        <!--Luara图片切换骨架end-->

        <!--&ndash;&gt;-->
        <!--<script>-->

            <!--$(function(){ &lt;!&ndash;调用Luara示例&#45;&#45;…-->

        <!--</script>-->
        <!--</body>-->
        <!--</html>-->
<!--</html>-->
<!--</iframe>-->
<!--</div>-->
<!--<div class="fdad"></div>-->
<script type="text/javascript">

    $(document).ready(function () { …

</script>
<script>

    var _hmt = _hmt || []; (function …

</script>
<!--<iframe id="google_osd_static_frame_5849558103430" name="google_osd_static_frame" style="display: none; width: 0px; height: 0px;"></iframe>-->
</body>
</html>

